@import '../functions';

ion-alert ion-backdrop{
    opacity: 0.4;
}
ion-alert.alert-ios {
    $font-color: #1e2029;
    $danger-color: #e04343;
    $border-color: #e9e9e9;
    .alert-wrapper {
        width: transVw(650);
        height: transVw(440);
        position: relative;
        border-radius: transVw(10);
        .alert-head {
            display: none;
        }
    }
    .alert-message {
        margin: 0;
        padding: 0;
        margin-top: transVw((440-140-60)/2);
        font-size: transVw(60);
        line-height: 1;
        color: $font-color;
    }
    .alert-button-group {
        position: absolute;
        width: 100%;
        bottom: 0;
        .alert-button:nth-child(1) {
            font-size: transVw(45);
            color: $font-color;
            padding: 0;
            height: transVw(140);
            border: {
                top: transVw(1) solid $border-color;
                right: transVw(1) solid $border-color;
            }
        }
        .alert-button:nth-child(2) {
            font-size: transVw(45);
            color: $danger-color;
            padding: 0;
            height: transVw(140);
            background-color: #f5f5f5;
            border-top: transVw(1) solid $border-color;;
        }
    }
}

.assist-login-alert-message.alert-top {
    .alert-message {
        margin: 0;
        padding-top: 3vw;
        padding-bottom: 2vw;
        font-weight: bold;
    }
}
